<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>手术预约-诊所随访</title>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="icon" href="../../img/favicon.png">
    <link rel="stylesheet" href="//fonts.useso.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="../../css/plugins/bootstrap-3.3.5.css" />
    <link rel="stylesheet" href="../../css/plugins/bootstrap-datetimepicker.css" />
    <link rel="stylesheet" href="../../css/plugins/bootstrap-material-design.css">
    <link rel="stylesheet" href="../../css/plugins/ripples.css">
    <link rel="stylesheet" href="../../css/style-reserve-list.css"/>
</head>
<body>
<div class="outer">
    <% include ../header.inc.html %>
    <% include ../left.menu.inc.html %>
    <div class="body-box">
        <div class="fu-list-box list-box">
            <div id="reserve-nav">
               <span>有32个手术已经完成，请确认是否实际执行了手术，以便于自动安排术后随访。<a href="#" class="comfirm" data-toggle="modal" data-target="#confirmModal">开始确认</a></span>
            </div>
            <h5 class="title">今天</h5>
            <ul class="fu-list">
                <li class="fu-item">
                    <a href="./fuplan.html" class="fu-item-link">
                        <div class="info-box">
                            <div class="face">
                                <img src="http://placeholder.duapp.com/40/40">
                            </div>
                            <div class="name-box">
                                <p class="name">任娇</p>
                                <p class="type">鼾症术后评估</p>
                            </div>
                        </div>
                        <div class="time-box">
                            <p class="date">今天</p>
                            <p class="after-treat">治疗后3周</p>
                        </div>
                    </a>
                </li>
                <li class="fu-item">
                    <a href="./fuplan.html" class="fu-item-link">
                        <div class="info-box">
                            <div class="face">
                                <img src="http://placeholder.duapp.com/40/40">
                            </div>
                            <div class="name-box">
                                <p class="name">任娇</p>
                                <p class="type">鼾症术后评估</p>
                            </div>
                        </div>
                        <div class="time-box">
                            <p class="date">今天</p>
                            <p class="after-treat">治疗后3周</p>
                        </div>
                    </a>
                </li>
            </ul>
            <h5 class="title">未来七天</h5>
            <ul class="fu-list" id="moreListBox">
                <li class="fu-item">
                    <a href="./fuplan.html" class="fu-item-link">
                        <div class="info-box">
                            <div class="face">
                                <img src="http://placeholder.duapp.com/40/40">
                            </div>
                            <div class="name-box">
                                <p class="name">任娇</p>
                                <p class="type">鼾症术后评估</p>
                            </div>
                        </div>
                        <div class="time-box">
                            <p class="date">今天</p>
                            <p class="after-treat">治疗后3周</p>
                        </div>
                    </a>
                </li>
                <li class="fu-item">
                    <a href="./fuplan.html" class="fu-item-link">
                        <div class="info-box">
                            <div class="face">
                                <img src="http://placeholder.duapp.com/40/40">
                            </div>
                            <div class="name-box">
                                <p class="name">任娇</p>
                                <p class="type">鼾症术后评估</p>
                            </div>
                        </div>
                        <div class="time-box">
                            <p class="date">今天</p>
                            <p class="after-treat">治疗后3周</p>
                        </div>
                    </a>
                </li>
            </ul>
            <a href="javascript:;" class="check-more" data-loading="false">查看更多随访计划</a>

        </div>
        <div class="operate-cover"></div>
        <div class="operate-box">
            <a href="javascript:;" class="main-btn"><i class="material-icons">add</i></a>
            <!--<a href="javascript:;" class="alert-btn a1" title="新建随访计划" id="addFollowPlan"><i class="material-icons">person_add</i></a>-->
            <!--<a href="javascript:;" class="alert-btn a2" title="批量导入随访计划"><i class="material-icons">group_add</i></a>-->
        </div>
        <div class="modal fade" id="addFollowModal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title">新建随访计划</h4>
                    </div>
                    <div class="modal-body">
                        <p><form class="form-horizontal">
                        <div class="form-group is-empty">
                            <label for="inputEmail" class="col-md-2 control-label">患者手机</label>
                            <div class="col-md-10">
                                <input type="number" class="form-control" id="inputEmail">
                            </div>
                            <span class="material-input"></span><span class="material-input"></span>
                        </div>
                        <div class="form-group is-empty">
                            <label for="inputPassword" class="col-md-2 control-label">患者姓名</label>
                            <div class="col-md-10">
                                <input type="text" class="form-control" id="inputPassword" maxlength="10">
                            </div>
                            <span class="material-input"></span><span class="material-input"></span>
                        </div>
                        <div class="form-group">
                            <label for="select111" class="col-md-2 control-label">随访模板</label>
                            <div class="col-md-10">
                                <select id="select111" class="form-control">
                                    <option>肺癌患者疼痛管理随访</option>
                                    <option>肺癌患者围手术期高危因素评估及肺康复临床资料分析</option>
                                    <option>胸外科围手术期LCQ咳嗽研究</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="selectTime" class="col-md-2 control-label">开始时间</label>
                            <div class="col-md-10">
                                <input type="text" readonly class="form-control" data-date-format="yyyy-mm-dd" id="selectTime">
                            </div>
                        </div>
                    </form></p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-raised btn-danger" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-raised btn-success">完成</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="confirmModal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title">自动开始随访</h4>
                    </div>
                    <div class="modal-body">
                        <p>
                        <form class="form-horizontal">
                            <div class="prow">
                                <div class="leftposition">
                                    如果患者未实际执行手术，请选择"否"。选择"是"将自动安排后续的随访。
                                </div>
                            </div>
                            <div class="modal-cont"><!--中间主要内容位置-->
                                <div class="prow">
                                    <div class="leftposition">
                                        <span class="md-name">蒙眼</span>,<span class="md-name">腹腔镜胆囊切除术</span> <br/>
                                        <span class="md-date">2015年12月15日</span>
                                    </div>
                                    <div class="rightposition">
                                        <div class="togglebutton">
                                            <label>
                                                <input type="checkbox"/>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="prow">
                                    <div class="leftposition">
                                        <span class="md-name">蒙眼</span>,<span class="md-name">腹腔镜胆囊切除术</span> <br/>
                                        <span class="md-date">2015年12月15日</span>
                                    </div>
                                    <div class="rightposition">
                                        <div class="togglebutton">
                                            <label>
                                                <input type="checkbox"/>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="prow">
                                    <div class="leftposition">
                                        <span class="md-name">蒙眼</span>,<span class="md-name">腹腔镜胆囊切除术</span> <br/>
                                        <span class="md-date">2015年12月15日</span>
                                    </div>
                                    <div class="rightposition">
                                        <div class="togglebutton">
                                            <label>
                                                <input type="checkbox"/>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="prow">
                                    <div class="leftposition">
                                        <span class="md-name">蒙眼</span>,<span class="md-name">腹腔镜胆囊切除术</span> <br/>
                                        <span class="md-date">2015年12月15日</span>
                                    </div>
                                    <div class="rightposition">
                                        <div class="togglebutton">
                                            <label>
                                                <input type="checkbox"/>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="prow">
                                    <div class="leftposition">
                                        <span class="md-name">蒙眼</span>,<span class="md-name">腹腔镜胆囊切除术</span> <br/>
                                        <span class="md-date">2015年12月15日</span>
                                    </div>
                                    <div class="rightposition">
                                        <div class="togglebutton">
                                            <label>
                                                <input type="checkbox"/>
                                            </label>
                                        </div>
                                    </div>
                                </div>


                            </div>
                        </form>
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-raised btn-danger" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-raised btn-success">完成</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../../js/plugins/jquery-1.10.1.js"></script>
<script src="../../js/plugins/bootstrap-3.3.5.js"></script>
<script src="../../js/plugins/bootstrap-datetimepicker.js"></script>
<script src="../../js/plugins/material.js"></script>
<script src="../../js/plugins/ripples.js"></script>
<script src="../../js/config.js"></script>
<!-- build:js ../../js/reserve-list-all.js -->
<script src="../../js/com-base.js"></script>
<script src="../../js/com-request.js"></script>
<script src="../../js/com-header.js"></script>
<script src="../../js/com-left-menu.js"></script>
<script src="../../js/reserve-list.js"></script>
<!-- endbuild -->
</html>